<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>交易行</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/md-common.css">
    <link rel="stylesheet" href="../css/trade_line.css">
</head>
<body>
    <div class="m-header" id="m-header">
        <div class="m-return" id="m-return"></div>
        交易行
    </div>

    <div class="m-tab">
        <a href="javascript:void(0);" id="m-my-invite" class="active">全部商品</a>
        <a href="javascript:void(0);" id="m-my-coupons" class="m-coupons">我的商品<span>(2/8)</span></a>
        <div class="m-division"></div>
    </div>
    <div class="spacing"></div>
    <div id="m-view1" class="m-view1">
        <div class="classification">
            <div><span>紫色</span></div>
            <div><span>蓝色</span></div>
            <div><span>绿色</span></div>
            <div><span>白色</span></div>
            <div><span>我的收藏</span></div>
        </div>
        <!-- 搜索 -->
        <div class="search-box">
            <div class="icon-img">
                <div class="images">
                    <img src="../image/sousuo_icon@3x.png" alt="">
                </div>
            </div>
            <div class="input-box">
                <input type="text" placeholder="请输入关键字">
            </div>
        </div>
        <div class="give-or-take">
            <div class="hollow"></div>
            <div class="Up-and-down-arrow">
                <div class="get-on">
                    <p class="icon-img-hollow">
                        <img src="../image/shangshen_icon@2x.png" alt="">
                    </p>
                </div>
                <div class="below">
                    <p class="icon-img-hollow">
                        <img src="../image/矢量智能对象拷贝@2x.png" alt="">
                    </p>
                </div>
            </div>
        </div>
        <div class="particulars">
            <div class="typeface">
                <p class="border">
                    <span>焱</span>
                </p>
            </div>
            <div class="message">
                <span>当前最低价:￥<span>23.75</span></span><br>
                <span>今日标准价:￥<span>23.75</span></span><br>
                <span>历史最低价:￥<span>23.75</span></span><br>
                <span>历史最高价:￥<span>23.75</span></span><br>
                <span>商品总数:￥<span>23.75</span></span>
            </div>
            <div class="Up-img">
                <div class="Up-img11">
                    <!-- 上箭头 -->
                    <img src="../image/shangshen_icon@2x.png" alt="">
                </div>
            </div>
            <div class="enshrine">
                <div class="enshrine-img">
                    <!-- 收藏图片 -->
                    <img src="../image/shoucang_icon@2x.png" alt="">
                </div>
            </div>

        </div>
    </div>
    <div id="m-view2" class="m-view2" style="display: none;">
        <div class="particulars11 The-second-page">
            <div class="typeface22">
                <p class="border">
                    <span>焱</span>
                </p>
            </div>
            <div class="message11">
                <span>当前最低价:￥<span>23.75</span></span><br>
                <span>今日标准价:￥<span>23.75</span></span><br>
                <span>历史最低价:￥<span>23.75</span></span><br>
                <span>历史最高价:￥<span>23.75</span></span><br>
                <span>商品总数:￥<span>23.75</span></span><br>
                <span class="sell">您的售价:￥<span>23.75</span></span><br>
                <span class="residue">剩余时间:￥<span>已下架</span></span>
            </div>
            <div class="Up-img22">
                <div class="Up-img11">
                    <!-- 上箭头 -->
                    <img src="../image/shangshen_icon@2x.png" alt="">
                </div>
            </div>
            <div class="enshrine">
                <!-- 改价 重新上架 -->
                <div class="alter-the-price">
                    <span>改价</span>
                </div>
                <div class="putaway">
                    <span>重新上架</span>
                </div>
            </div>

        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="../js/rem.js"></script>
<script type="text/javascript">
    $('#m-return').on('click', function () {
        window.history.back()
    });
    var myCoupons = $('#m-my-coupons');
    var myInvite = $('#m-my-invite');
    var view1 = $('#m-view1');
    var view2 = $('#m-view2');
    $('#m-return').on('click', function () {
        window.history.back()
    });
    myInvite.on('click', function () {
        myCoupons.removeClass('active');
        myInvite.addClass('active');
        view2.hide();
        view1.show();
    });
    myCoupons.on('click', function () {
        myInvite.removeClass('active');
        myCoupons.addClass('active');
        view1.hide();
        view2.show();
    });
    //    .......................................................................................

    // document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.6 + 'px';
    // (function (doc, win) {
    //     var docEl = doc.documentElement;
    //     var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
    //
    //     var recalc = function () {
    //         var clientWidth = docEl.clientWidth;
    //         if (!clientWidth) {
    //             return;
    //         }
    //         docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
    //     };
    //
    //     if (!doc.addEventListener) {
    //         return;
    //     }
    //     win.addEventListener(resizeEvt, recalc, false);
    //     doc.addEventListener('DOMContentLoaded', recalc, false);
    // })(document, window);
</script>
</html>
